<template>
  <!-- 背景部分 -->
  <div
    class="js-warp-hide bg-gray-dark-mktg d-flex flex-auto flex-column overflow-hidden position-relative"
    style="width: 100vw;height: 100vh;"
  >
    <div class="sky-space">
      <div class="sky-stars"></div>
      <div class="sky-stars"></div>
      <div class="sky-stars"></div>
      <div class="sky-stars"></div>
      <div class="sky-stars"></div>
      <div class="sky-stars"></div>
    </div>
    <div class="sky-space-bg">
      <div class="sky-bg-stars"></div>
      <div class="sky-bg-stars"></div>
      <div class="sky-bg-stars"></div>
      <div class="sky-bg-stars"></div>
    </div>
  </div>
  <div class="figure">
    <div class="mj">
      <div class="head">
        <div class="nose"></div>
        <div class="hair">
          <div class="ponytail"></div>
          <div class="frontpony"></div>
        </div>
      </div>
      <div class="body">
        <div class="jacket">
          <div class="hand"></div>
        </div>
      </div>
      <div class="leg">
        <div class="foot"></div>
      </div>
      <div class="leg lft">
        <div class="foot"></div>
      </div>
    </div>
    <div class="error-no">
      <span>4</span>
      <div class="moon"></div>
      <span>4</span>
    </div>
    <div class="d-flex justify-center mt-12">
      <span class="px-6 py-4 text-textColorLightest fs-24 pointer" @click="$router.back()">返回</span>
    </div>
  </div>
</template>
<style lang="scss" scoped>
@import url("../../styles/modules/error.scss");
</style>